<template>
	<view>
		<view class="box">
			<view class="return" @click="fanhui"><uni-icons type="left" size="30"></uni-icons></view>
			<view class="mainpadding">
				<view class="title">忘记密码</view>
					<view class="bottom">
						<view class="ipt">
							<view class="phone mg">
								<view class="">
									<image src="../../static/smallIcon/loginphone.png" mode=""></image>
									<input type="text" placeholder="请输入手机号" />
								</view>
							</view>
							<view class="phone">
								<view class="">
									<image src="../../static/smallIcon/shield.png" mode=""></image>
									<input type="text" placeholder="请输入密码" />
								</view>
								<view class="d1">获取验证码</view>
							</view>
							<view class="phone">
								<view class="">
									<image src="../../static/smallIcon/forgetpassword.png" mode=""></image>
									<input type="text" placeholder="请输入密码" />
								</view>
							</view>
							<view class="phone">
								<view class="">
									<image src="../../static/smallIcon/forgetpassword.png" mode=""></image>
									<input type="text" placeholder="请输入密码" />
								</view>
							</view>
						</view>
						<view class="btn"><view class="login">确认</view></view>
					</view>
					<view class="firm">
						<view class="logo">
							<!-- <image src="static" mode=""></image> -->
							<image src="../../static/smallIcon/firm.png" mode=""></image>
							<view class="">广州询博云计算有限公司</view>
						</view>
						<view class="phone">400-0705-917</view>
					</view>
				</view>
			</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			value: [0],
			range: [{ value: 0, title: '1' }]
		};
	},
	methods: {
		fanhui(){
			uni.navigateBack({
				url: 'login',
				delta : 1
			})
		},
		getPassword() {
			uni.navigateTo({
				url: 'getPassword'
			});
		},
		change(e) {
			console.log('e:', e);
		}
	}
};
</script>

<style scoped lang="scss">
	.mainpadding{
		padding: 0 70rpx;
	}
.checklist-box {
	margin-right: 3px !important;
}
.checklist-box .is--default .is-checked {
}
.mg {
	margin-top: 100rpx;
}
.color {
	color: #f5ac4f !important;
}
.return {
		padding: 95rpx 30rpx 0;
}
.box {
	// background-image: url('@/static/login/login1.png');
	background-size: 100%;
	// padding: 0 71rpx;
	
}
.firm {
		position: absolute;
		bottom: 52rpx;
		left: 50%;
		transform: translateX(-50%);
		// margin: 0 auto;
		.logo {
			display: flex;
			justify-content: center;
			text-align: center;
			font-size: 28rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #333333;
			image {
				width: 30rpx;
				height: 30rpx;
				margin-right: 10rpx;
			}
		}
		.phone{
			font-size: 28rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #999999;
			text-align: center;
		}
	}
	
	.bottom {
		.btn {
			margin-top: 80rpx;
			.login {
				font-size: 36rpx;
				color: #ffffff;
				background: #f5ac4f;
				border-radius: 52rpx;
				padding: 35rpx;
			}
			.wx {
				font-size: 36rpx;
				color: #f5ac4f;
				background: #f5f5f5;
				border: 2rpx solid #f5ac4f;
				border-radius: 52rpx;
				padding: 35rpx;
				margin: 30rpx 0;
				align-items: center;
				display: flex;
				justify-content: center;
			}
			.pass {
				font-size: 28rpx !important;

				font-size: 28rpx;
				color: #f5ac4f;
			}
			view {
				text-align: center;
				font-weight: 800;

				font-family: PingFang SC;
			}
		}
		.userOk {
			display: flex;
			font-size: 28rpx;
			font-family: PingFang SC;
			font-weight: 800;
			color: #999999;
			.text {
				// transform: translateX(-15px);
				view {
					display: inline-block;
				}
			}
		}
		.ipt {
			.phone {
				border-bottom: 2px solid #cecece;
				display: flex;
				align-items: center;
				margin-bottom: 50rpx;
				justify-content: space-between;
				.d1 {
					width: 280rpx;
					font-size: 32rpx;
					font-family: PingFang SC;
					font-weight: 800;
					color: #f5ac4f;
				}
				view {
					display: flex;
					align-items: center;
					margin-bottom: 16rpx;
					image {
						width: 26rpx;
						height: 30rpx;
						margin-right: 37rpx;
					}
				}
			}
		}
	}
	.title {
		// padding: 219rpx 0 0 72rpx;
		padding-top: 70rpx;
		font-size: 80rpx;
		font-family: PingFang SC;
		font-weight: 800;
		color: #f5ac4f;
	}
</style>
